<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta name="format-detection" content="telephone=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/index.css">
	<title>游戏详情</title>
	<script type="text/javascript" src="js/flexible.js"></script>
</head>

<body>
	<div class="content pb100">
		<!-- header -->
		<header class="dheader bgf flex-align flex-between">
			<a href="javascript:history.back(-1);" class="dheader-back iconfont iconleft"></a>
			<div class="dheader-title">游戏详情</div>
			<a class="dheader-yq" href="">
				<img class="img100" src="images/icon8.png" alt="">
			</a>
		</header>
		<div class="bgf">
			<!-- 轮播图 -->
			<div class="deSwiper bgf">
				<div class="deSwiper-box">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<video src="https://www.w3school.com.cn/i/video/shanghai.mp4" controls="controls"
								width="100%" height="100%"
								poster="https://oss.sssgo.com/upload/cdcloud2/20250812/8b9eed5fec7e9287f42c875bc0981984.jpg"></video>
						</div>
						<div class="swiper-slide">
							<img class="img100" src="images/img.png" alt="">
						</div>
						<div class="swiper-slide">
							<img class="img100" src="images/img.png" alt="">
						</div>
						<div class="swiper-slide">
							<img class="img100" src="images/img.png" alt="">
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
			</div>
			<!--  -->
			<div class="deinfo flex">
				<div class="deinfo-img"><img class="img100" src="images/img.png" alt=""></div>
				<div class="deinfo-fo flex1">
					<h3>捕鱼金手指</h3>
					<div class="deinfo-fa flex-align mt20">
						<span class="fz24 c313 mr8">类型:</span>
						<span class="deinfo-fa-b">休闲</span>
						<span class="deinfo-fa-b">次元</span>
						<span class="deinfo-fa-b">角色</span>
					</div>
					<div class="deinfo-fb flex-align mt20">
						<span class="fz24 c313 mr8">设备:</span>
						<img class="deinfo-ft mr8" src="images/icon1.png" alt="">
						<img class="deinfo-ft mr8" src="images/icon2.png" alt="">
						<img class="deinfo-ft" src="images/icon3.png" alt="">
						<div class="fz24 c313 ml8" style="margin-left: 0.8rem;">大小:74083MB</div>
					</div>
				</div>
				<div class="tj-swcon-j flex-column">
					<div class="flex-align">
						<img style="width: 0.32rem;" src="images/icon7.png"></img>
						<span class="ce97 fz24 ml10 bold">加速</span>
					</div>
					<div class="flex-align mt10">
						<img style="width: 0.32rem;" src="images/icon6.png"></img>
						<span class="c13b fz24 ml10 bold">0.2折</span>
					</div>
				</div>
			</div>
			<!-- deinjs -->
			<div class="deinjs flex-align bgf">
				<div class="flex1 flex-align">
					<img class="deinjs-a" src="images/icon4.png" alt="">
					<img class="deinjs-b ml10" src="images/icon5.png" alt="">
					<span class="fz28 cfe7 bold ml10 mt4">申请解锁</span>
					<span class="fz28 cfe7 bold ml10 mt4">0.10元/币</span>
				</div>
				<div class="flex-align">
					<span class="fz28">游戏评分:</span>
					<img class="deinjs-c ml10" src="images/icon9.png" alt="">
					<span class="fz28 cfe7 bold ml10">5.0分</span>
				</div>
			</div>
			<!-- dexxt -->
			<div class="dexxt flex-align">
				<h3 class="flex1">开服信息</h3>
				<a href="">更多<span class="iconfont iconjia ml8"></span></a>
			</div>
			<div class="dexxc flex-align flex-between">
				<div class="dexxc-la ">06-26 08:00 34服 已开服</div>
				<div class="dexxc-lb ">06-26 08:00 34服 已开服</div>
			</div>
			<!-- 游戏介绍 -->
			<div class="dejst">游戏介绍</div>
			<div class="deSwiper-img">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img class="img100" src="images/img.png" alt="">
					</div>
					<div class="swiper-slide">
						<img class="img100" src="images/img.png" alt="">
					</div>
					<div class="swiper-slide">
						<img class="img100" src="images/img.png" alt="">
					</div>
					<div class="swiper-slide">
						<img class="img100" src="images/img.png" alt="">
					</div>
					<div class="swiper-slide">
						<img class="img100" src="images/img.png" alt="">
					</div>
					<div class="swiper-slide">
						<img class="img100" src="images/img.png" alt="">
					</div>
				</div>
				<div class="swiper-button-next iconfont iconright"></div>
				<div class="swiper-button-prev iconfont iconleft"></div>
			</div>
			<div class="dejat">游戏简介</div>
			<div class="dejap">
				游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介游戏简介
			</div>
			<!--  -->
			<!--  -->
		</div>
		<!-- 推荐游戏 -->
		<div class="box-title flex-align flex-between mt32">
			<h3>推荐游戏</h3>
			<a class="box-tmore" href="">
				<span>查看更多</span>
				<span class="iconfont iconright"></span>
			</a>
		</div>
		<div class="xhot-ul mcm0">
			<!-- 1 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<img class="xhot-libc-i" src="images/icon5.png" alt="">
						<span class="xhot-libc-p">申请解锁</span>
					</div>
				</div>
				<div class="tj-swcon-j flex-column">
					<div class="tj-swcon-ja flex-align">
						<img class="tj-swcon-jic" src="images/icon7.png"></img>
						<span class="ce97 fz24 ml10 bold">加速</span>
					</div>
					<div class="tj-swcon-ja flex-align mt10">
						<img class="tj-swcon-jic" src="images/icon6.png"></img>
						<span class="c13b fz24 ml10 bold">0.2折</span>
					</div>
				</div>
			</div>
			<!-- 2 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="tj-swcon-j flex-column">
					<div class="tj-swcon-ja flex-align">
						<img class="tj-swcon-jic" src="images/icon7.png"></img>
						<span class="ce97 fz24 ml10 bold">加速</span>
					</div>
					<div class="tj-swcon-ja flex-align mt10">
						<img class="tj-swcon-jic" src="images/icon6.png"></img>
						<span class="c13b fz24 ml10 bold">0.2折</span>
					</div>
				</div>
			</div>
			<!-- 3 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="tj-swcon-j flex-column">
					<div class="tj-swcon-ja flex-align">
						<img class="tj-swcon-jic" src="images/icon7.png"></img>
						<span class="ce97 fz24 ml10 bold">加速</span>
					</div>
					<div class="tj-swcon-ja flex-align mt10">
						<img class="tj-swcon-jic" src="images/icon6.png"></img>
						<span class="c13b fz24 ml10 bold">0.2折</span>
					</div>
				</div>
			</div>
			<!-- 1 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<img class="xhot-libc-i" src="images/icon5.png" alt="">
						<span class="xhot-libc-p">申请解锁</span>
					</div>
				</div>
				<div class="tj-swcon-j flex-column">
					<div class="tj-swcon-ja flex-align">
						<img class="tj-swcon-jic" src="images/icon7.png"></img>
						<span class="ce97 fz24 ml10 bold">加速</span>
					</div>
					<div class="tj-swcon-ja flex-align mt10">
						<img class="tj-swcon-jic" src="images/icon6.png"></img>
						<span class="c13b fz24 ml10 bold">0.2折</span>
					</div>
				</div>
			</div>
			<!-- 2 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="tj-swcon-j flex-column">
					<div class="tj-swcon-ja flex-align">
						<img class="tj-swcon-jic" src="images/icon7.png"></img>
						<span class="ce97 fz24 ml10 bold">加速</span>
					</div>
					<div class="tj-swcon-ja flex-align mt10">
						<img class="tj-swcon-jic" src="images/icon6.png"></img>
						<span class="c13b fz24 ml10 bold">0.2折</span>
					</div>
				</div>
			</div>
			<!-- 3 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="tj-swcon-j flex-column">
					<div class="tj-swcon-ja flex-align">
						<img class="tj-swcon-jic" src="images/icon7.png"></img>
						<span class="ce97 fz24 ml10 bold">加速</span>
					</div>
					<div class="tj-swcon-ja flex-align mt10">
						<img class="tj-swcon-jic" src="images/icon6.png"></img>
						<span class="c13b fz24 ml10 bold">0.2折</span>
					</div>
				</div>
			</div>
			<!-- 3 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="tj-swcon-j flex-column">
					<div class="tj-swcon-ja flex-align">
						<img class="tj-swcon-jic" src="images/icon7.png"></img>
						<span class="ce97 fz24 ml10 bold">加速</span>
					</div>
					<div class="tj-swcon-ja flex-align mt10">
						<img class="tj-swcon-jic" src="images/icon6.png"></img>
						<span class="c13b fz24 ml10 bold">0.2折</span>
					</div>
				</div>
			</div>
			<!-- 3 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="tj-swcon-j flex-column">
					<div class="tj-swcon-ja flex-align">
						<img class="tj-swcon-jic" src="images/icon7.png"></img>
						<span class="ce97 fz24 ml10 bold">加速</span>
					</div>
					<div class="tj-swcon-ja flex-align mt10">
						<img class="tj-swcon-jic" src="images/icon6.png"></img>
						<span class="c13b fz24 ml10 bold">0.2折</span>
					</div>
				</div>
			</div>
			<!-- 3 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="tj-swcon-j flex-column">
					<div class="tj-swcon-ja flex-align">
						<img class="tj-swcon-jic" src="images/icon7.png"></img>
						<span class="ce97 fz24 ml10 bold">加速</span>
					</div>
					<div class="tj-swcon-ja flex-align mt10">
						<img class="tj-swcon-jic" src="images/icon6.png"></img>
						<span class="c13b fz24 ml10 bold">0.2折</span>
					</div>
				</div>
			</div>
			<!-- 3 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="tj-swcon-j flex-column">
					<div class="tj-swcon-ja flex-align">
						<img class="tj-swcon-jic" src="images/icon7.png"></img>
						<span class="ce97 fz24 ml10 bold">加速</span>
					</div>
					<div class="tj-swcon-ja flex-align mt10">
						<img class="tj-swcon-jic" src="images/icon6.png"></img>
						<span class="c13b fz24 ml10 bold">0.2折</span>
					</div>
				</div>
			</div>
			<!-- end -->
		</div>
		<!--  -->
		<div class="xopen flex-center-align show-app">下载APP查看更多</div>
		<!--  -->
		<!-- footer -->
		<footer class="footer mt30">
			<div class="footer-b">
				<p>健康游戏忠告:</p>
				<p>
					<span>抵制不良游戏</span>
					<span>拒绝盗版游戏</span>
					<span>注意自我保护</span>
					<span>谨防受骗上当</span>
				</p>
				<p>
					<span>适度游戏益脑</span>
					<span>沉迷游戏伤身</span>
					<span>合理安排时间</span>
					<span>享受健康生活</span>
				</p>
				<p>
					<span>家长监护工程</span>
					<span>|</span>
					<span>防沉迷系统</span>
					<span>|</span>
					<span>纠纷处理</span>
					<span>|</span>
					<span>用户协议</span>
				</p>
				<p>安徽追游网络科技有限公司互联网ICP备案：</p>
			</div>
		</footer>
		<!--  -->
	</div>
	<!-- xnav -->
	<div class="xnav flex">
		<a class="xnav-li on xnav-lia" href="index.html">首页</a>
		<a class="xnav-li xnav-lib" href="game.html">游戏</a>
		<a class="xnav-li xnav-lic" href="gameCircle.html">游圈</a>
		<a class="xnav-li xnav-lid" href="buy.html">交易</a>
		<a class="xnav-li xnav-lie" href="my.html">个人</a>
	</div>
	<!--  -->
	<div class="ydown flex-align">
		<div class="ydown-a">
			<img class="img100" src="images/logo.png" alt="">
		</div>
		<div class="ydown-b flex1">
			<div class="ydown-ba">无名之辈</div>
			<div class="ydown-bb">大小:740.8M</div>
		</div>
		<div class="ydown-c flex-center-align show-app">下载APP</div>
	</div>
	<!--  -->
	<script src="js/jquery.min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script src="js/used.js"></script>
	<script>
		/*顶部轮播图*/
		var swiper = new Swiper(".deSwiper-box", {
			loop: true,
			pagination: {
				el: ".deSwiper-box .swiper-pagination",
			},
		});
		//详情轮播图
		var swiper = new Swiper(".deSwiper-img", {
			slidesPerView: 3,
			spaceBetween: 12,
			navigation: {
				nextEl: ".swiper-button-next",
				prevEl: ".swiper-button-prev",
			},
		});
	</script>
</body>

</html>